
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
html,body{
	height: 100%
}
body{
    font:14px/1.2 "Microsoft YaHei",Tahoma,Helvetica,Arial,sans-serif;
    background: #333;
    color: #ddd;
}
a {
  color: #00B7FF;
  text-decoration: none;
}
header,
.left,
.right{
	position: absolute;
	border: 1px solid #666;
}
header{
	left: 10px;
	right: 10px;
	top: 10px;
	height: 100px;
    text-align: center;
}
.left{
	top: 120px;
	bottom: 10px;
	left: 10px;
	width: 200px;
}
.right{
	top: 120px;
	bottom: 10px;
	right: 10px;
	left: 220px;
}

.left ul{
	list-style: none;
}
.left ul li a{
	display: block;
	color: #ddd;
	padding: 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap ;
	transition:all .3s;
}
.left ul li a.select{
	background: #222;
	color: #12DEA6
}
.left ul li a:hover{
	background: #444;
}